var dom = document.getElementById('container');
var myChart = echarts.init(dom, null, {
    renderer: 'canvas',
    useDirtyRect: false
});
var app = {};

var option;

option = {
tooltip: {
trigger: 'item'
},
legend: {
top: '5%',
left: 'center'
},
series: [
{
    name: 'Access From',
    type: 'pie',
    radius: ['40%', '70%'],
    avoidLabelOverlap: false,
    itemStyle: {
    borderRadius: 10,
    borderColor: '#fff',
    borderWidth: 2
    },
    label: {
    show: false,
    position: 'center'
    },
    emphasis: {
    label: {
        show: true,
        fontSize: '40',
        fontWeight: 'bold'
    }
    },
    labelLine: {
    show: false
    },
    data: [
    { value: 86450603, name: '美国' },
    { value: 43171872, name: '印度' },
    { value: 31137479, name: '巴西' },
    { value: 29595892, name: '法国' },
    { value: 26510828, name: '德国' },
    ]
}
]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

window.addEventListener('resize', myChart.resize);
